import React from 'react'
import { Tabs } from 'antd'
const { TabPane } = Tabs;
function callback(key) {
  console.log(key);
}
export default class Demo extends React.Component {
  constructor (props) {
    super(props)
    this.state = {

    }
  }

  render () {
    return (
      <div style={{ width: '300px', margin: '20px auto' }}>
        <Tabs defaultActiveKey="1"
          onChange={callback}>
          <TabPane key="1"
            tab="Tab 1">
          Content of Tab Pane 1
          </TabPane>
          <TabPane key="2"
            tab="Tab 2">
          Content of Tab Pane 2
          </TabPane>
          <TabPane key="3"
            tab="Tab 3Tab 3Tab 3Tab 3Tab 3">
          Content of Tab Pane 3
          </TabPane>
        </Tabs>
        <div></div>
      </div>
    )
  }
}

